<template>
  <h1 ref="title">Vue3</h1>
</template>

<script>
/* 
  目标：
*/
import { onMounted, ref } from 'vue'
export default {
  name: 'App',
  setup() {
    // 创建个空的 ref 对象，组件挂载完毕后，用于接收保存DOM节点或组件的
    const title = ref(null)

    // 组件挂载完毕后，可以才获取到DOM节点
    onMounted(() => {
      console.log(title.value)
    })

    // 返回的 title 名字给 ref 属性使用
    return { title }
  },
  // Vue2 写法
  // mounted() {
  //   console.log(this.$refs.title)
  // },
}
</script>